*{
    margin:0;padding:0;
}
li{
    list-style: none;
}
#container .head{
    height:1.0667rem;
    background-color: rgb(104, 90, 253);
    
}
#container .head b{
    font:.4267rem/1.0667rem "";
    margin:0 .2667rem;
    color:#fff
}
#container .head b:nth-of-type(1){
    float: left;
}
#container .head b:nth-of-type(2){
    float: right;
}
#container .search{
    position: relative;
    height:1.0667rem;
    /* background-color: blueviolet; */
    border-bottom: 1px solid #ccc;
}
#container .search input{
    border-radius: .5rem;
    height: .688rem;
    width:8rem;
    margin:.18rem .4rem 0;
    border:none;
    background-color: rgb(239, 229, 229);
}
#container .search button{
    position: absolute;
    right: .9rem;
    top:.18rem;
    border-radius: .5667rem;
    height: .688rem;
    width:1.3333rem;
    background-color: rgb(113, 113, 244);
    border: none;
    color:#fff;
}
#container ul li{
    height:.8rem;
    width:10rem;
    background-color: aqua;
    border-bottom:.0267rem solid  #ccc;
    font: .32rem/.8rem "";
    padding-left: .2667rem;
}